.deviceInfo-module {
	.deviceInfo-module-top-card {
		display: flex;
		width: 100%;
		height: 240px;
		& > div {
			width: calc(25% - 15px);
			height: 100%;
			background-color: #ffffff;
			& + div {
				margin-left: 20px;
			}
		}
		.card-title-select {
			width: 42px;
			height: 24px;
			font-size: 14px;
			line-height: 23px;
			color: #000000;
			text-align: center;
			border: 1px solid #bfc6d5;
			border-radius: 2px;
			&.active {
				color: var(--el-color-primary);
				background: #eff4ff;
				border: 1px solid var(--el-color-primary);
			}
			& + .card-title-select {
				margin-left: 16px;
			}
		}
		.card-select {
			height: 32px;
			.value {
				font-family: bahnschrift;
				font-size: 32px;
				font-weight: 700;
				color: #000000;
			}
			.desc {
				margin-right: 10px;
				margin-left: 20px;
				font-size: 14px;

				// font-family: "PingFang-Bold";
				font-weight: 700;
				color: #000000;
			}
		}
		.card-echarts {
			width: 100%;
			height: 66px;
			.el-progress {
				padding-top: 32px;
			}
		}
		.card-footer {
			display: flex;
			align-content: flex-start;
			height: 30px;
			padding-top: 16px;
			margin-top: 5px;
			font-size: 14px;
			border-top: 1px solid #e0e7f3;
			.num {
				margin-left: auto;
			}
		}
	}
	.deviceInfo-module-table {
		.deviceInfo-table-search {
			align-items: center;
			width: 100%;
			height: 84px;
			padding: 0 24px;
			font-size: 14px;
			font-weight: 500;
			color: #000000;
			background-color: #ffffff;
		}
		.deviceInfo-table-content {
			width: 100%;
			height: calc(100% - 104px);
			padding: 20px;
			margin-top: 20px;
			background-color: #ffffff;
			.table-btn {
				display: flex;
				align-content: flex-start;
				align-items: center;
				width: 100%;
				height: 45px;
				.el-dropdown {
					margin-left: 12px;
				}
				.btn-right-icon {
					display: flex;
					margin-left: auto;
					& > .iconfont {
						width: 18px;
						height: 18.2px;
						cursor: pointer;
						& + .iconfont {
							margin-left: 15px;
						}
						&.active {
							color: var(--el-color-primary);
						}
					}
				}
			}
			.table-content {
				width: 100%;
				height: calc(100% - 45px);
				overflow-y: auto;
				.mode-card-item-content {
					.flex {
						padding: 30px 0;
						background: #f5f7fc;
						border-radius: 4px;
						.title {
							font-size: 15px;
							font-weight: 700;
							color: #000000;
						}
						.value {
							font-size: 14px;
							font-weight: 500;
							color: #000000;
						}
					}
				}
			}
		}
	}
	.em-input-210 {
		width: 210px;
		&.split {
			margin-right: 30px;
		}
	}
	.em-input-140 {
		width: 140px;
		&.split {
			margin-right: 30px;
		}
	}
}
.num-label-up {
	color: #fe5656;
}
.num-label-down {
	color: #01b46d;
}
